﻿<!DOCTYPE html>
<html style="height: 100%">
<head>
    <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
    <div id="container" style="height: 300px;"></div>
    <script type="text/javascript" src="js/echarts-all-3.js"></script>
    <script type="text/javascript" src="js/ecStat.min.js"></script>
    <script type="text/javascript" src="js/dataTool.min.js"></script>
    <script type="text/javascript" src="js/china.js"></script>
    <script type="text/javascript" src="js/world.js"></script>
    <script type="text/javascript" src="js/api.js"></script>
    <script type="text/javascript" src="js/bmap.min.js"></script>
    <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
app.title = '折柱混合';

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: { show: true, type: ['line', 'bar'] },
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
        data: ['华南','华北','华东','中南','西北','海南']
    },
    xAxis: [
        {
            type: 'category',
            data: ['2月1日', '2月2日', '2月3日', '2月4日', '2月5日', '2月6日', '2月7日', '2月8日', '2月9日', '2月10日', '2月11日', '2月12日', '2月13日', '2月14日', '2月15日', '2月16日', '2月17日', '2月18日', '2月19日', '2月20日', '2月21日'],
            axisPointer: {
                type: 'shadow'
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '金额',
            min: 0,
            max: 80,
            interval: 20,
            axisLabel: {
                formatter: '{value} 万元'
            }
        },
        {
            type: 'value',
            name: '金额',
            min: 0,
            max: 80,
            interval: 20,
            axisLabel: {
                formatter: '{value} 万元'
            }
        }
    ],
    series: [
        {
            name: '华南',
            type: 'line',
            yAxisIndex: 0,
            data: [27.01, 20.4, 21.62, 15.69, 13.98, 11.19, 12.13, 10.81, 10.52, 19.88, 22.55, 32.67, 36.42, 30.8, 22.27, 18.08, 37.27, 43.96, 32.8, 41.65, 45.92]
        },
        {
            name: '华北',
            type: 'line',
            yAxisIndex: 0,
            data: [12.31, 2.62, 6.39, 4.07, 7.62, 14.28, 9.21, 11.12, 12.68, 18.55, 27.83, 31.75, 41.23, 29.4, 28.9, 28.52, 45.77, 48.85, 68.85, 63.43, 58.82]
        },
        {
            name: '华东',
            type: 'line',
            yAxisIndex: 0,
            data: [2.43, 0.98, 0.71, 0.31, 0, 1.96, 3.18, 0.84, 3.41, 7.28, 15.9, 9.33, 4.8, 6.13, 10.15, 7.42, 6.23, 7.49, 6.03, 7.5, 6.44]
        }
        ,
        {
            name: '中南',
            type: 'line',
            yAxisIndex: 0,
            data: [4.13, 0.25, 0.86, 0, 0.06, 0.5, 0.21, 0.3, 0.15, 0.5, 0.62, 1.77, 0.93, 0.88, 0.04, 1.31, 0.56, 0.39, 0, 1.4, 0.55]
        }
        ,
        {
            name: '西北',
            type: 'line',
            yAxisIndex: 0,
            data: [1.63, 1.16, 1.04, 1.17, 6.04, 2.44, 2.43, 1.47, 1.22, 6.62, 8.42, 24.02, 11.09, 9.31, 16.01, 15.87, 14.46, 16.69, 10.32, 10.69, 6.35]
        }
        ,
        {
            name: '海南',
            type: 'line',
            yAxisIndex: 0,
            data: [4.01, 3.36, 2.98, 0.06, 0, 0, 1.67, 3.94, 4.49, 8.67, 5.93, 7.25, 4.2, 5.52, 3.88, 2.96, 1.69, 0.82, 0.36, 1.53, 4.08]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
    </script>
</body>
</html>